// 点击图片播放音乐并切换图片等显示
var index =0;
var li = $(".banner ul li");//遍历所有li元素
var img = $(".music .m_img img");//获取图片
var text = $(".music .m_text");//获取歌曲名
var prev = $(".music .m_btn .m_prev");//获取上一首
var play = $(".music .m_btn .m_play");//播放
var next = $(".music .m_btn .m_next");//下一首
var mp3 = $(".music .m_mp3");//获取歌曲
//定义歌曲是否播放以及播放器收缩
var bf = false;//true播放false暂停
var close = true;//true收缩false展开
// 单击图片切换
li.click(function(){
	// console.log($(this).index());
	index = $(this).index();
	show();
})
//播放
function show(){
	change_bg(index+1);
	change_xbg(index+1);
	change_btntitle();
	img_rotate();
	play_mp3();
}
//改变大背景
function change_bg(idx){
	$("body").css({
		"background":"url(img/" + idx + "_bg.jpeg) no-repeat",
		"background-size":"cover"
	});
}
//播放器背景，歌曲名修改
function change_xbg(idx){
	img.attr("src","img/" + idx + ".jpg");
	text.html(li.eq(index).attr("title"));
}
//暂停播放
function change_btntitle(){
	play.removeClass("m_play");
	play.addClass("m_pass");
	play.attr("title","暂停");
}

function img_rotate(){
	li.children().removeClass("img_rotate");
	li.eq(index).children().addClass("img_rotate");
}

function play_mp3(){
	mp3.attr("src",li.eq(index).attr("datasrc"));
	mp3.get(0).play();
	bf =true;
}

play.click(function(){
	if (bf) {
		mp3.get(0).pause();
		li.eq(index).children().removeClass("img_rotate");
		play.removeClass("m_pass").addClass("m_play").attr("title","播放");
		bf = false;
	} else {
		mp3.get(0).play();
		li.eq(index).children().addClass("img_rotate");
		play.removeClass("m_play").addClass("m_pass").attr("title","暂停");
		bf = true;
	}
});

prev.click(function(){
	index --;
	if(0 > index){
		index = li.length - 1;
	}
	show();
});

next.click(function(){
	index ++;
	if(li.length - 1 < index){
		index = 0
	}
	show();
});

$(".m_close").click(function(){
	if(close){
		$(this).css({
			"background":"url(img/double%20right.png) no-repeat left 50%"
		});
		$(".music").animate({"left": "-560px"},800);
		close = false;
	} else {
		$(this).css({
			"background":"url(img/left.png) no-repeat left 50%"
		});
		$(".music").animate({"left": "0px"},800);
		close = true;
	}
});